Function: before(domElementOrMarkupStringOrCSSSelector, domInsertionElement, functionCallback(domElement))
Description: Inserts a DOM element, markup string, or CSS selector referenced element before a target element in the DOM.
Returns: domElement, or $A object if chained.
Example:
// Insert a DOM element before another element targetted with a CSS selector
var myElement = $A.before(domElement, "#myTargetNodeId");
// Insert a markup string element before another DOM element
var myElement = $A.before('
Here we are now, entertain us.
', domElement);
// Insert one element referenced by a CSS selector before another DOM element
var myElement = $A.before("#myTargetNodeToMove", domElement);
// Insert a DOM element before another DOM element and exicute a callback when done
var myElement = $A.before(domElementToMove, domElementToTarget, function(domElementToMove) {
// Do something with domElementToMove after the insertion is complete.
});
// Or the same using chaining
// Insert a DOM element before another element targetted with a CSS selector
var myChain = $A(domElement).before("#myTargetNodeId");
// Insert a markup string element before another DOM element
var myChain = $A('Here we are now, entertain us.
').before(domElement);
// Insert one element referenced by a CSS selector before another DOM element
var myChain = $A("#myTargetNodeToMove").before(domElement);
// Insert a DOM element before another DOM element and exicute a callback when done
var myChain = $A(domElementToMove).before(domElementToTarget, function(domElementToMove) {
// Do something with domElementToMove after the insertion is complete.
});
// To return the modified element within a chain, use the "return()" method.
var myElement = myChain.return();